<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>手风琴 - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../demo_data.js"></script>
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xaccordion -->
	<script type="text/javascript">
		$(function(){
			var xaccordion = $("#xaccordion").xaccordion({
				width:200,
				xdata:$xdata_xaccordion		//静态数据
				//url:"$xdata_xaccordion"		//后台返回数据格式参考 $xdata_xaccordion
			});
		})
	</script>
</head>
<body>
	<h2>手风琴</h2>
	<div class="xaccordion" id="xaccordion">
		<ul class="xtemplate">
			<li class="xparent">
				<span class="parent">{name}<i class="icon-arrow"></i></span>
				<ul class="xson">{xson}</ul>
			</li>
		</ul>
		<ul class="xtemplate_son">
			<li><a class='son' href='{url}' target="_blank">{name}</a></li>
		</ul>
	</div>
</body>
</html>